<template>
	<view class="listbox">
		<view class="contain" v-for="(item,index) in tablist" :key="index" @tap="Next(item)">
				<view class="box">
					<view class="boxicon">
							</view>
							<view class="functionname">
								{{item.name}}
							</view>
							<view class="lefticon">
								<image src="../../static/nav/next.png" mode="下一步"></image>
							</view>
					</view>
				</view>
					
		</view>
	</view>
	
</template>

<script>
	export default{
		

		name:'list',
		data(){
			return{
			}
		},
		props:{
	tablist:Array
			
	},
	methods:{
		Next(item){
			this.$emit("Next");
			uni.navigateTo({
				url:item.url+'?name='+item.name
			})
			
		}
	}
	}
</script>

<style lang="scss">

	.contain{
		background-color: #FFFFFF;
		width: 91%;
		margin: 0 auto;
		margin-bottom: 20upx;
		.box{
			    display: flex;
			    height: 90upx;
			    line-height: 90upx;
				position: relative;
				font-size: 28rpx;
			
			.boxicon{				
				margin-left: 20upx;
				line-height: 130upx;
				
			}
			.functionname{
				height: 60upx;
				
			}
			.lefticon{
				    width: 50px;
				    height: 40px;
				    margin: 0 auto;
				    position: absolute;
				    right: 0;
					
			}
		}
	
	}
	image{
		width: 100%;
		height: 100%;
	}
</style>
